<template>
  <BasicDrawer
    v-bind="$attrs"
    title="Modal Title"
    width="50%"
    showFooter
    @ok="handleOk"
  >
    <p class="h-20" v-for="index in 40" :key="index">根据屏幕高度自适应</p>
    <template #insertFooter>
      <a-button> btn</a-button>
    </template>
    <template #centerFooter>
      <a-button> btn2</a-button>
    </template>

    <template #appendFooter>
      <a-button> btn3</a-button>
    </template>

    <!-- <template #footer>
      <a-button> customerFooter</a-button>
    </template> -->
  </BasicDrawer>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { BasicDrawer } from '@/components/drawer'
export default defineComponent({
  components: { BasicDrawer },
  setup() {
    return {
      handleOk: () => {
        console.log('=====================')
        console.log('ok')
        console.log('======================')
      },
    }
  },
})
</script>
